<script setup lang="ts">
const props = defineProps<{
    ujt: any;
}>();
const { $model, $global } = props.ujt;
function test(user: any) {
    console.log(666.222, user);
}
</script>

<template>
    <h1>用户权限测试</h1>
    {{ $global.user }}
    <br />
    <button
        class="as-test"
        @pointerdown="test($global.user)"
        v-userlevel="{ ujt, lv: 1 }"
    >
        测试用户权限1
    </button>
    <br />
    <button
        class="as-test1"
        @pointerdown="test($global.user)"
        v-userlevel="{ ujt, lv: 100 }"
    >
        测试用户权限100
    </button>
</template>

<style scoped lang="scss">
.as-test,
.as-test1 {
    width: 100px;
    height: 50px;
    background-color: #3faa25;
    color: #fff;
}
.as-test1 {
    background-color: chocolate;
}
</style>
